<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<ul>
    <li>项目 1</li>
    <li>项目 2</li>
    <li>项目 3</li>
    <li>项目 4</li>
</ul>
<script>
// insertBefore(new, other)
var li = document.createElement("li");
li.appendChild(document.createTextNode("新创建的元素"))

var ul = document.querySelector("ul");
// 如果第二个参数是 null或者 undefined, 则会插入如到父元素的末尾
ul.insertBefore(li, undefined);
</script>
</body>
</html>